<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        li{ list-style: none;}
        a{
            text-decoration:none;color:#000;
        }
        body{
            margin: 0;
            font-family: "Microsoft YaHei";
        }
        .el-header{
            padding: 0;
        }
        .el-header img{
            /*设置中间对齐*/
            vertical-align: middle;
        }
        .el-header a{
            color: #666;
            text-decoration: none;
        }
        .el-table .el-table__cell{
            /*去掉自带的内边距*/
            padding: 0;
        }
        .el-menu  .el-menu-item{
            float: left;
            position: relative;
            width: 150px;
            margin: 0 auto;border: 0 ;
            float: left;
            position: relative;text-align: center;
            text-align: center;
            background: url("https://cdn.myxypt.com/4dc09769/22/02/e6e2d8e50769a0f5f7173658a6da58d1c79c4297.png")no-repeat right;

        }

        .el-aside {
            background-color: #ffffff;
            color: #333;
            text-align: center;
            ;
        }

        .el-main {
            color: #333;

        }
        h3{
            display: block;
            font-size: 1.17em;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-size: 20px;
            color: #ffffff;
            line-height: 30px;
            font-weight: bold;
            position: relative;
            z-index: 9;
            margin: 0;
            float: left;
            padding: 5px 0 0 0;
        }
        .xypg-left-title {
            background: #db2400;
            position: relative;
            height: 32px;
            padding: 10px 10px 20px 20px;
        }
        .xypg-left-title i {
            position: absolute;
            left: -5px;
            top: -9px;
            font-style: normal;
            font-size: 67px;
            font-weight: bold;
            opacity: .1;
            color: #fff;
            line-height: 1;
            z-index: 1;
            text-transform: uppercase;
        }
        .page-banner img{
            width: 100%;
            height: 100%;
            padding: 0 0 0 0;
        }
        .page-position{
            padding: 15px 0;
        }
        .xypg-left-nav li{
            list-style-type:none;
            position: relative;
        }
        
        .he div{
            padding: 15px 18px;
            width: 269px;
            height: 22px;
        }
        .he div a:hover{
            color: coral;
        }
        hr{
            line-height: 0;
            width: 100%;
        }
        .xypg-left-box {
            margin-bottom: 20px;
        }
        .hot-keys li {
            width: calc(50% - 14px);
            float: left;
            margin: 0 7px 14px 7px;
            text-decoration: none;
            list-style: none;
        }
        .hot-keys li a {
            display: block;
            text-align: center;
            font-size: 14px;
            color: #5a5a5a;
            line-height: 2.857;
            border: 1px dashed #f1f1f1;
        }
        li{
            margin-left: 0px;
            margin-bottom: 14px;
        }
        .page-product-detail-right > h1 {
            font-size: 22px;
            color: #0d0d0d;
            margin-bottom: 20px;}
        .page-product-inquiry a{
            font-size: 16px;
            color: #ffffff;
            background: #db2400;
            padding: 0.5em 1.875em;
            border-radius: 2em;
            float: left;
            position: relative;
            top: 100px;
            line-height: 20px;
        }

    </style>
</head>
<body>
<div id="app">
    <el-container>
        <el-header height="130px">
            <div style="width: 1200px;margin: 0">
                <img src="https://cdn.myxypt.com/4dc09769/22/03/1c86f1112d129174aa24bcf0e2a41d71330298e4.png" width="424px" height="71px" style="">
            </div>
            <!--导航菜单开始-->
            <div style="background-color: #ed0a2c">
                <el-menu mode="horizontal"
                background-color="#ed0a2c"
                text-color="#fff"  active-text-color="#fff"
                style="width: 1200px;margin: 0 auto;border: 0"
                >
                    <el-menu-item index="1">网站首页</el-menu-item>
                    <el-menu-item index="2">关于我们</el-menu-item>
                    <el-menu-item index="3">篮球培训</el-menu-item>
                    <el-menu-item index="4">产品中心</el-menu-item>
                    <el-menu-item index="5">训练基地</el-menu-item>
                    <el-menu-item index="6">新闻中心</el-menu-item>
                 <div style="float: right;margin-top: 10px">
                 <el-input placeholder="请输入搜索内容">
                 <!--slot="append"作用是把按钮追加在文本框里面-->
                 <el-button slot="append" icon="el-icon-search"></el-button>
                 </el-input>
                </div>
                </el-menu>
            </div>
            <!--导航菜单结束-->
        </el-header>
        <div class="page-banner" style="padding-top: 0px;float: left">
            <img src="//cdn.myxypt.com/4dc09769/22/03/3a6d1c122677f29996d01879e584b88db3f4bb8c.jpg" alt="产品展示">
            <div class="nybt">
            </div>
        </div>
        <div class="page-position" style="
    margin-left: 160px;
">
            <div class="container">
                <a href="https://www.cylqpx.com/">首页</a>
                &gt;
                <a href="https://www.cylqpx.com/product/">产品中心</a> &gt; <a href="https://www.cylqpx.com/product/5/">篮球培训</a>                    </div>
        </div>
        <el-container style="font-size: 14px;  line-height: 24px;">
            <el-aside style=" width:305px;margin-left: 160px">
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>产品中心 <span>Product</span>
                            </h3>
                            <i>P</i></div>
                        <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
                            <div class="he" style="height: 265px;">
                                <div>
                                    <a href="https://www.cylqpx.com/product/1/">少儿篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div >
                                    <a href="https://www.cylqpx.com/product/2/">青少年篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/product/3/">成人篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/product/4/">幼儿篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/product/5/">篮球培训</a>
                                    <div class="first-nav-btn"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>推荐新闻 <span>Recommend</span>
                            </h3>
                            <i>R</i></div>
                        <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
                            <div class="he" style="height: 320px;">
                                <div>
                                    <a href="https://www.cylqpx.com/news/452.html">+ 爱打篮球的女孩是球场上美丽的风景</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div >
                                    <a href="https://www.cylqpx.com/news/453.html">+ 夏天打篮球要注意什么？</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/news/454.html">+ 如何培养还在对篮球的兴趣？</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/news/455.html">+ 篮球的入门知识和打篮球的好处</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/product/5/">+ 重庆篮球夏令营选择误区</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="">+ 重庆篮球培训的一处基础知识</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>热门关键词 <span>Keywords</span>
                            </h3>
                            <i>K</i></div>
                        <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
                            <div class="he" style="height: 265px;">
                                <ul class="hot-keys">
                                    <li><a href="https://www.cylqpx.com/product/758.html" title="少儿篮球培训班">少儿篮球培训班</a></li>
                                    <li><a href="https://www.cylqpx.com/" title="渝中篮球培训机构">渝中篮球培训机构</a></li>
                                    <li><a href="https://www.cylqpx.com/product/757.html" title="渝中少儿篮球培训">渝中少儿篮球培训</a></li>
                                    <li><a href="https://www.cylqpx.com/product/768.html" title="篮球兴趣班">篮球兴趣班</a></li>
                                    <li><a href="https://www.cylqpx.com/product/1/" title="少儿篮球培训">少儿篮球培训</a></li>
                                    <li><a href="https://www.cylqpx.com/product/3/" title="成人篮球培训">成人篮球培训</a></li>
                                    <li><a href="https://www.cylqpx.com/product/762.html" title="青少篮球培训班">青少篮球培训班</a></li>
                                    <li><a href="https://www.cylqpx.com/product/767.html" title="篮球培训基础班">篮球培训基础班</a></li>
                                    <li><a href="https://www.cylqpx.com/product/765.html" title="渝中篮球培训班">渝中篮球培训班</a></li>
                                    <li><a href="https://www.cylqpx.com/" title="篮球训练班">篮球训练班</a></li>
                                    <li><a href="https://www.cylqpx.com/product/2/" title="青少年篮球培训">青少年篮球培训</a></li>
                                    <li><a href="https://www.cylqpx.com/product/764.html" title="九龙坡篮球训练营">九龙坡篮球训练营</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float: left;width: 305px;margin-right: 0px;">
                    <div class="xypg-left-box xypg-left-menu">
                        <div class="xypg-left-title">
                            <h3>了解我们 <span>Contac US</span>
                            </h3>
                            <i>P</i></div>
                        <div class="xypg-left-con" style="text-align: left;border: 1px  solid #b1b1b1;overflow: hidden">
                            <div class="he" style="height: 320px;">
                                <div>
                                    <a href="https://www.cylqpx.com/product/1/">曾勇</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div >
                                    <a href="https://www.cylqpx.com/product/2/">朱杰雨</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/product/3/">陶成林</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/product/4/">赵海帆</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/product/5/">杨德宇</a>
                                    <div class="first-nav-btn"></div>
                                    <hr>
                                </div>
                                <div>
                                    <a href="https://www.cylqpx.com/product/5/">何常旭</a>
                                    <div class="first-nav-btn"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </el-aside>
            <el-main>
                <div style="height: 2000px;width: 845px;text-align: left">
                    <div style="width: 50%;">
                        <img src="https://cdn.myxypt.com/4dc09769/22/03/53aaf987ddbb8db8d52581de1d0a3c8e74f5fa85.jpg" style="width: 358px;width: 390px;float: left;margin-top: 50px" >
                    </div>
                    <div style="width: 50%;float: right;" class="page-product-detail-right">
                        <h1 style="height: 28px;width: 422px;margin: 0px">篮球假期集训班</h1>
                        <ul class="product-detail-item" style="padding: 0;margin: 0">
                            <li style="height: 30px">所属分类：<span>篮球培训</span></li>
                            <li style="height: 30px">浏览次数：<span><script src="https://www.cylqpx.com/browse.php?model=product&amp;id=769"></script>58</span></li>
                            <li style="height: 30px">发布时间：<span>2022-03-03 15:37:25</span></li>
                        </ul>
                        <div class="page-product-inquiry">
                            <a class="buy-product hidden" href="javascript:void(0)" >立即购买</a>
                            <a href="https://www.cylqpx.com/inquiry/" >我要询价</a></div>

                    </div>
                    <div class="product-detail-tab " style="float: left">
                        <ul class="product-detail-tabli">
                            <li class="on" style="font-size: 14px;color: #db2400;position: relative;float: left;width: 20%;text-align: center;border-right: 1px solid #eee;">产品概述</li>

                        </ul>

                        <div class="product-detail-tabbox">
                            <div class="product-detail-tabcon" style="display: block;">
                                <p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px; text-indent: 2em;">现在越来越多的人都开始喜欢打篮球，篮球对于孩子们的好处不仅是身体上的，还有精神上的，让孩子远离手机，寒暑假集中训练，强度和密度同比增加，短期帮助学员提高技巧和身体素质，通过比赛和游戏，让学员释放天性，缓解学习压力。那么在假期孩子也需要为孩子选择专业的课程哦。</span><br></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">重庆超越篮球体育开设了篮球课程，根据学员的不同情况，我们也会进行规划，在春秋季进行长周期循序渐进的学习，在寒暑假进行短期的训练营以及相关课程，学员学习更加灵活，课程内容更加科学，采取训、赛、测，帮助学员全面成长。</span></p><p style="line-height: 3em; text-align: center; text-indent: 0em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;"><img src="//cdn.myxypt.com/4dc09769/22/03/77990704624a50dccd9c8315dc5d4e0714288d37.jpg" width="650" height="520" border="0" vspace="0" title="重庆篮球训练中心" alt="重庆篮球训练中心" style="width: 650px; height: 520px;"></span></p><p style="text-indent: 2em; line-height: 3em;"><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">上课方式更加灵活多样</span></strong></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">1、阶段性的测试，不仅能检验孩子学习的成果，也能让孩子清晰知道当前的问题和需要达到的目标，树立正确的价值观和奋斗精神</span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">2、让孩子将所学的技能更好的运用到实战训练中，过程中学会了坚持到底，勇于拼搏</span></p><p style="text-indent: 2em; line-height: 3em;"><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">小班授课打造专属课堂</span></strong></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">班型设置：12-20人小班课程</span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">课时：90分钟/课时</span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">课程周期：每6-8周为一个单元</span></p><p style="line-height: 3em; text-align: center; text-indent: 0em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;"><img src="http://cdn.myxypt.com/4dc09769/22/03/13a8ee3438919d8ca005f05a253c81262e3d7523.jpg" style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px; text-indent: 32px; white-space: normal; width: 650px; height: 520px;" width="650" height="520" border="0" vspace="0" title="重庆超越篮球培训中心" alt="重庆超越篮球培训中心"></span></p><p style="text-indent: 2em; line-height: 3em;"><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">课程相关内容：</span></strong></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">训练课：标准化的教学流程，从热身、基础球性、专项练习、HappyTime、至拉伸，科学训练。</span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">技能测试课：篮球技术测试，综合体现学员运球、传球、投篮、脚步、速度等专项能力的提升，并以数据形式记录学员成长。</span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">体能测试课：参考国家标准，优选佳测试项，全面反映孩子灵敏、速度、力量、柔韧性、协调性、身体平衡能力等。</span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">比赛课：专业比赛积分系统支持，球队分组pk，让学员体验实战训练。</span></p><p style="text-indent: 2em; line-height: 3em;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 14px;">专项体能课：篮球专项体能课程内容，提升核心力量、爆发力增长、速度、灵敏协调等。</span></p>
                            </div>
                        </div>
                    </div>
            </div>
            </el-main>
        </el-container>

        <el-footer>
            <div style="height: 95px;"></div>
            <div style="background-color: #3f3f3f;
            text-align: center;color: #b1b1b1;padding: 30px 0">
                <p>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号
                </p>
                <p>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</p>
                <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
            </div>
        </el-footer>
    </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function() {
            return {
                bannerArr:["https://cdn.myxypt.com/4dc09769/22/03/cec0489cad30ce07b97bdffa58c4dbbc8fbb0faf.jpg",
                    "https://cdn.myxypt.com/4dc09769/22/03/97a34b379b3eea345034d797bc4fa5f67b142ee2.jpg",
                    "https://cdn.myxypt.com/4dc09769/22/03/c549e631ac59de5fa3d170ad2d4820d87b2c8a6c.jpg"
                ],
                topArr:[
                    {title:"吉利远景",saleCount:2000},
                    {title:"哈佛大狗",saleCount:2520},
                    {title:"长安欧尚",saleCount:1580},
                    {title:"吉利帝豪",saleCount:3580},
                    {title:"吉利极氪",saleCount:4280},
                    {title:"宝马X6",saleCount:9580},
                ],
                productArr:[
                    {name:"姚明",url:"https://img1.baidu.com/it/u=1814008303,1789777043&fm=253&fmt=auto&app=138&f=JPEG?w=403&h=500",message:"中国NBA牛逼人"},
                    {name:"詹姆斯",url:"https://img2.baidu.com/it/u=1802159301,2546111378&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500",message:"历史得分王"},
                    {name:"科比",url:"https://img2.baidu.com/it/u=2906858480,2527602215&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666",message:"坠机真离谱"},
                    {name:"艾弗森",url:"https://img0.baidu.com/it/u=3239825293,3424475248&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=889",message:"我就是答案"},
                ]
            }
        },
        methods:{

        }
    })
</script>
</html>